<template>
  <div class="wrapper">
    <div class="bg-box">
      <img class="bg-img" src="../../../assets/home/home_banner.jpg" alt="">
    </div>
    <div class="content">
      <p class="font-30 color-orange">集享，集生活</p>
      <p class="font-20 color-white">JOIN & ENJOY</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeVision'
}
</script>

<style lang="stylus" scoped>
  @import "~common/stylus/variable"
  .wrapper
    position relative
    .bg-box
      position absolute
      top 0
      left 0
      right 0
      bottom 0
      z-index -1
      .bg-img
        width 100%
        object-fit contain
    .content
      padding-left 1rem
      padding-top 1rem
      display flex
      flex-direction column
      .font-30
        line-height 1rem
</style>
